#{extends 'layout.html' /}
#{set title:messages.get('objetivo.new.title') /}
#{script 'jquery-ui-1.8.21.custom.min.js'/}
#{script 'jquery.ui.datepicker.js'/}
#{script 'jquery.ui.datepicker-es.js'/}
#{script 'new_objetivo_automatico.js'/}

<div id="crudBlank" class="${type.name}">
	
	<h2 id="crudBlankTitle">Crear Objetivo Autom&aacute;tico</h2>
	
		#{form @ObjetivosAutomaticos.addObjetivoAutomatico(), id: 'objetivoAutomaticoForm'}
			
			#{field 'userId'}
				<input type="hidden" name="${field.name}" value="${userId}"/>
			#{/field}
			
			#{field 'nombre'}
				Nombre: <input type="text" name="${field.name}" value="${nombre}" style="position: absolute; left: 180px"/>
			#{/field}
			<br><br>
			#{field 'fechaLimite'}
				Fecha l&iacute;mite: <input type="text" id="datepicker" name="${field.name}" value="${fechaParaAlcanzarObjetivo}" style="position: absolute; left: 180px"/>
			#{/field}
			<br><br><br>
			<input type="button" onClick="javscript:validarObjetivoAutomatico()" value="Crear"/>
			
		#{/form}
		<br/>
</div>
